<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>11.类组件中的箭头函数</title>
</head>

<body>
    <div>
        <p>在类组件中使用箭头函数不会存在 this 指向问题，因为箭头函数本身并不绑定 this</p>
        <p>箭头函数在 this 指向问题上存在优势，但是同时也有不利的一面</p>
        <p>当使用箭头函数时，该函数被添加为类的实例对象属性，而不是原型对象属性，如果组件被多次重用，每个组件实例对象中都会有一个相同的函数实例，降低了函数实例的可重用性造成了资源浪费</p>
        <p>综上所述，更正函数内部 this 指向的最佳做法仍然是在构造函数中使用 bind 方法进行绑定</p>
    </div>
</body>

</html>